<template>
	<div class="wrapFrequently">
		<div class="frequently">
			<span class="spanTitle">卡号</span>
			<p class="inputP"><span>31049907</span><input placeholder="请输入市名卡号后11位"/></p>
			<span class="spanTitle">备注</span>
			<input class="addMark" placeholder="请添加备注" />
			<button class="saveBtn">保存</button>
			<span class="spanTitle" style="margin-bottom: 0.4rem;">选择常用的充值人</span>
			<ul>
				<li><span class="spanNum">3100000000000000</span><span class="spanEdit"><img src="../../static/img/delete.png" /><small>删除</small></span><span class="spanName">爸爸</span></li>
				<li><span class="spanNum">3100000000000000</span><span class="spanEdit"><img src="../../static/img/delete.png" /><small>删除</small></span><span class="spanName">爸爸</span></li>
			</ul>
		</div>
	</div>
</template>

<script>
	export default {
		data(){
			return{
				
			}
		}
	}
</script>

<style scoped="scoped" lang="less">
.wrapFrequently{
	height: 100%;
	width: 100%;
	overflow-y: scroll;
	box-sizing: border-box;
	padding-top: 0.46rem;
	.frequently{
		width: 94%;
		margin-left: 3%;
		box-sizing: border-box;
		padding-left:0.5rem;
		padding-right:0.5rem;
		box-shadow: 0 0px 2px 2px #e4f3e7;
		border-radius:0.18rem;
		padding-top:0.42rem;
		padding-bottom:0.5rem;
		.spanTitle{
			color: #979797;
			font-size:0.4rem;
			display: block;
		}
		.inputP{
			width: 100%;
			height: 1.2rem;
			border-radius: 0.8rem;
			background: #f5f6f7;
			color: #c8c8c9;
			margin-top: 0.36rem;
			margin-bottom: 0.42rem;
			span{
				font-size: 0.42rem;
				height: 100%;
				line-height: 1.2rem;
				margin-left: 0.66rem;
			}
			
			input{
				font-size: 0.42rem;
				box-sizing: border-box;
				padding: 0;
				outline: 0 none;
				border: 0;
				height: 100%;
				line-height: 1.2rem;
				margin-left: 0.7rem;
				background: #f5f6f7;
			}
		}
		input::-webkit-input-placeholder{
				color: #c8c8c9;
			}
		.addMark{
			width: 100%;
			font-size: 0.42rem;
			box-sizing: border-box;
			padding: 0;
			outline: 0 none;
			border: 0;
			height: 1.2rem;
			line-height: 1.2rem;
			background: #f5f6f7;
			border-radius: 0.8rem;
			padding-left: 0.66rem;
			margin-top: 0.36rem;
		}
		.saveBtn{
			width: 100%;
			border-radius: 0.8rem;
			background:#55c259;
			color: white;
			font-size: 0.42rem;
			border: 0 none;
			height: 1.2rem;
			margin-top:0.7rem;
			margin-bottom: 0.72rem;
		}
		ul{
			li{
				height:0.98rem;
				line-height: 0.98rem;
				font-size: 0.42rem;
				span{
					float: left;
				}
				.spanNum{
					color: #2d2d2d;
				}
				.spanName{
					color: #55c259;
					float: right;
					margin-right: 0.42rem;
				}
				.spanEdit{
					float: right;
					img{
						width: 0.58rem;
						float: left;
						margin-top: 0.18rem;
					}
					small{
						float: left;
						color:#e60b11;
					}
				}
			}
		}
	}
}
</style>